<!DOCTYPE html>

<html>
<head>
<title>#{get 'title' /}</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<link rel="stylesheet" type="text/css" media="screen"
	href="@{'/public/stylesheets/main.css'}">
#{get 'moreStyles' /}
<link rel="shortcut icon" type="image/png"
	href="@{'/public/images/favicon.png'}">
<script src="@{'/public/javascripts/jquery-1.4.2.min.js'}"
	type="text/javascript" charset="utf-8"></script>
#{get 'moreScripts' /}
</head>

<body>
<div class="menuBar">
        <img class="logo" src="http://www.almostsavvy.com/wp-content/uploads/2011/04/profile-photo.jpg"/>
        <div class="nav"> 
            <ul>
                <li>Online Profile Guardian</li>
            </ul> 
        </div>
    </div>
	<h1>Online Profile Guardian</h1>
	<br>
	<br>
			#{if flash.success}
			<div class="ui-state-highlight ui-corner-all"
				style="margin-top: 20px; padding: 0 .7em;">
				<p style="color: green;">
					<span class="ui-icon ui-icon-info"
						style="float: left; margin-right: .3em;"></span> ${flash.success}
				</p>
			</div>
			#{/if} #{if flash.error}
			<body class="site">
				<div class="ui-state-error ui-corner-all" style="padding: 0 .7em;">
					<p style="color: red;">
						<span class="ui-icon ui-icon-alert"
							style="float: left; margin-right: .3em;"></span> ${flash.error}
					</p>
				</div>
				#{/if} #{doLayout /}

				<div id="footer" align="center">
					<p>
						Copyright &copy; 2012 <a title="University of Siegen" href="#">Smart
							Soft</a> <a href="#">Feedback Software</a> | <a href="#">Contact</a>
						| <a title="Read the Terms of Use" href="#">Terms of Use</a> | <a
							href="#">Developers Team</a> | <a href="#">Feedback Form</a>
				</div>
		</div>
</body>
</html>

